<template>
    <div class="LastestComment">
        <div class="LastestComment-top">
            <h3 style="margin: 0;">最新评论</h3>

        </div>
        <div class="comments">
            <div class="comment">
                <a href="" style="opacity: 0.5;">年薪达 35 万元，杭州成为薪酬最高的城</a>
                <span>Namana: 经济和生活不可能都是上榜的。经济都是靠卖命出来的，怎么可能是舒</span>
            </div>
            <div class="comment">
                <a href="" style="opacity: 0.5;">年薪达 35 万元，杭州成为薪酬最高的城</a>
                <span>Namana: 经济和生活不可能都是上榜的。经济都是靠卖命出来的，怎么可能是舒</span>
            </div>


        </div>


    </div>
</template>

<script>
export default {
    name:"LastestComment"
}
</script>

<style>
.LastestComment{
     width: 100%;
     height: 400px;
     background-color: white;
}
.LastestComment-top{
  width: 100%;
  height: 46px;
  line-height: 46px;
  padding-left: 20px;
  border-bottom: 1px solid black;
}
.comments{
    width: 100%;
    height: 85%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.comment{
    padding: 10px;
    font-size: small;
}

</style>